<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">

    <!-- 
            Replace path to template, title, header and body
            with actual data.
    -->
    <ui:composition template="/templates/template.xhtml">
        <ui:define name="pageTitle">Relacao de Montadoras</ui:define>
        <ui:define name="titleBody">Relação de Montadoras Cadastradas</ui:define>
        <ui:define name="body">
            <h:panelGroup styleClass="painel">
                <h:form id="formulario">
                    <h:messages />
                    <div align="center">
                    <h:selectOneRadio value="#{montadoraCtrl.tipoMontadora}">
                        <f:selectItem itemValue="NACIONAL" itemLabel="Montadora Nacional" />
                        <f:selectItem itemValue="EXTRANGEIRA" itemLabel="Montadora Extrangeira" />
                        <f:ajax event="click" render="formulario" />
                    </h:selectOneRadio>
                    </div>
                    <h:panelGroup id="idNacional" rendered="#{montadoraCtrl.nacional}">
                    <div id="scrollTabela">
                    <h:dataTable value="#{montadoraCtrl.listarMontadorasNacionais()}" var="montadora" width="100%" class="table2">
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="CODIGO"/>
                            </f:facet>
                            <h:outputText value="#{montadora.id}"/>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="NOME"/>
                            </f:facet>
                            <h:outputText value="#{montadora.nome}"/>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="CIDADE"/>
                            </f:facet>
                            <h:outputText value="#{montadora.cidade}"/>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="EDITAR"/>
                            </f:facet>
                            <h:commandLink target="veiculo" action="alterarNacional">
                                <f:setPropertyActionListener value="#{montadora}" target="#{montadoraCtrl.montadora}" />
                                <img src="../resources/imagens/btn_alterar.png" width="35" height="35" style="margin: auto;"></img>
                            </h:commandLink>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="EXCLUIR"/>
                            </f:facet>
                            <h:commandLink actionListener="#{montadoraCtrl.excluiMontadora(montadora)}">
                                <img src="../resources/imagens/btn_excluir.png" width="35" height="35" style="margin: auto;"></img>
                            </h:commandLink>
                        </h:column>
                    </h:dataTable>
                    </div>
                    </h:panelGroup>
                    
                    <h:panelGroup id="idEstrangeira" rendered="#{montadoraCtrl.estrangeira}">
                    <div id="scrollTabela">
                    <h:dataTable value="#{montadoraCtrl.listarMontadorasInternacionais()}" var="estrangeira" width="100%" class="table2">
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="CODIGO"/>
                            </f:facet>
                            <h:outputText value="#{estrangeira.id}"/>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="NOME"/>
                            </f:facet>
                            <h:outputText value="#{estrangeira.nome}"/>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="CIDADE"/>
                            </f:facet>
                            <h:outputText value="#{estrangeira.cidade}"/>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="IMPOSTO"/>
                            </f:facet>
                            <h:outputText value="#{estrangeira.imposto}">
                                <f:convertNumber type="percent" maxFractionDigits="2" />
                            </h:outputText>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="EDITAR"/>
                            </f:facet>
                            <h:commandLink target="veiculo" action="alterarEstrangeira">
                                <f:setPropertyActionListener value="#{estrangeira}" target="#{montadoraCtrl.montadoraEstrangeira}" />
                                <img src="../resources/imagens/btn_alterar.png" width="35" height="35" style="margin: auto;"></img>
                            </h:commandLink>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="EXCLUIR"/>
                            </f:facet>
                            <h:commandLink actionListener="#{montadoraCtrl.excluiMontadora(estrangeira)}">
                                <img src="../resources/imagens/btn_excluir.png" width="35" height="35" style="margin: auto;"></img>
                            </h:commandLink>
                        </h:column>
                    </h:dataTable>
                    </div>
                    </h:panelGroup>
                    <br> </br>
                    <h:commandButton value="Cadastrar Montadoras"  action="incluir">
                    </h:commandButton>
                    <br> </br>
                </h:form>
            </h:panelGroup>
        </ui:define>
    </ui:composition>

</html>